<script type="text/javascript" src="<?php echo base_url() . '/media/js/code/asientos_controller.js' ?>"></script>
<div id="base_url" style="display:none"><?php echo base_url() ?></div>

<!-- [PASOS] -->
<div class="contPasos" align="center">
    <ul>
        <li><img src="<?php echo base_url() . 'media/images/01_b.png' ?>" alt="01" width="150px" height="51px"></li>
        <li><img src="<?php echo base_url() . 'media/images/02_c.png' ?>" alt="02" width="150px" height="51px"></li>
        <li><img src="<?php echo base_url() . 'media/images/03_a.png' ?>" alt="03" width="150px" height="51px"></li>
        <li><img src="<?php echo base_url() . 'media/images/04_a.png' ?>" alt="04" width="150px" height="51px"></li>
    </ul>
</div>
<div class="limpiar"></div>

<!-- [CUERPO: ASIENTOS] -->
<div>
    <div align="center">
        <div class="viaje">
            <img src="<?php echo base_url() . 'media/images/banner_asientos.png' ?>" border="0" width="760"/>
            <br/>
            <div class="titViajes">
                <strong>Para seleccionar su asiento, haga click sobre el número correspondiente.
                    Si desea cambiar el asiento que ha elegido, haga click sobre el mismo y luego elija otro.
                </strong>
            </div>
            <div class="leyenda_bg">
                <ul class="leyenda">
                    <li>
                        <span class="leyenda_title_asientos">Leyenda de Asientos:</span>
                    </li>
                    <li>
                        <img src="<?php echo base_url() . 'media/images/asiento_libre.jpg' ?>" border="0" />
                        <span>Libre</span>
                    </li>
                    <li>
                        <img src="<?php echo base_url() . 'media/images/asiento_vendido.jpg' ?>" border="0" />
                        <span>Reservado o Vendido</span>
                    </li>
                    <li>
                        <img src="<?php echo base_url() . 'media/images/asiento_seleccionado.jpg' ?>" border="0" />
                        <span>Seleccionado</span>
                    </li>
                </ul>
            </div>
            <div class="limpiar"></div>
            <div class="titulo_mensaje" id="viajeText" style="margin-bottom: 10px;margin-top: 0px;">
            </div>
            <!--MENSAJE DE CONTROL--->
            <div id="mensajeControl1" class="alert alert-error mensaje_control1"></div>

            <div class="bus_frontal">
                <div class="support_whitespacer10px"></div>
                <div class="downloadbox">
                    <div class="downloadbox_inside">
                        <div class="downloadbox_insideback">
                            <div class="support_whitespacer10px"></div>
                            <div class="support_whitespace altura_asiento"></div>
                            <div class="quicklinkholder">
                                <div id="asiento_serv" class=""><form id="formasientos" method="post">
                                        <table class="asiento">
                                            <tbody id="lista_asientos_primer_piso">

                                            </tbody>
                                        </table></form>
                                </div>
                                <div class="quicklinktxt"></div>
                            </div>
                            <div class="support_whitespace bus_espalda"></div>
                        </div>
                    </div>
                    <div class="downloadbox_bottom"></div>
                </div>
            </div>

            <div class="bus_frontal">
                <div class="support_whitespacer10px"></div>
                <div class="downloadbox">
                    <div class="downloadbox_inside">
                        <div class="downloadbox_insideback">
                            <div class="support_whitespacer10px"></div>
                            <div class="support_whitespace altura_asiento"></div>
                            <div class="quicklinkholder">
                                <div id="asiento_serv" class=""><form id="formasientos" method="post">
                                        <table class="asiento">
                                            <tbody id="lista_asientos_segundo_piso">
                                            </tbody>
                                        </table></form>
                                </div>
                                <div class="quicklinktxt"></div>
                            </div>
                            <div class="support_whitespace bus_espalda"></div>
                        </div>
                    </div>
                    <div class="downloadbox_bottom"></div>
                </div>
            </div>

            <div class="limpiar"></div>
            <div class="titulo_mensaje" style="margin-top: 15px">
                Número de Asientos Seleccionados:<label id="seleccionados"  class="seleccion_text">0</label>
            </div>
            <form class="form-horizontal" method="post" action='#'>
                <div class="botonera_paso" style="margin-left: 270px">
                    <button type="button" id="form1_btn_atras" class="btn btn-success btn_chico">Atrás</button>
                    <button type="button" id="form1_btn_siguiente" class="btn btn-success btn_chico">Siguiente</button>
                </div>
            </form>
        </div>
    </div>

</div>
